<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ page import="com.thinkgem.jeesite.common.utils.PropertiesLoader" %>
<!DOCTYPE HTML >
<html>
  <head>
   <meta charset="utf-8">
  	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>车辆列表</title>
  	<!-- Tell the browser to be responsive to screen width -->
  	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!-- Vendor CSS-->
		<link href="${weiZe }/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<link href="${weiZe }/assets/vendor/skycons/css/skycons.css" rel="stylesheet" />
		<link href="${weiZe }/assets/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
		<link href="${weiZe }/assets/vendor/css/pace.preloader.css" rel="stylesheet" />
		<!-- Plugins CSS-->
		<link href="${weiZe }/assets/plugins/bootkit/css/bootkit.css" rel="stylesheet" />
		<link href="${weiZe }/assets/plugins/pnotify/css/pnotify.custom.css" rel="stylesheet" />					
		<!-- Theme CSS -->
		<link href="${weiZe }/assets/page/css/index/jquery.mmenu.css" rel="stylesheet " />
		<!-- Page CSS -->		
		<link href="${weiZe }/assets/page/css/index/index.css" rel="stylesheet" />
		<link href="${weiZe }/assets/page/css/index/add-ons.min.css" rel="stylesheet" />
		<!-- end: CSS file-->	
		<!-- Head Libs -->
		<script src="${weiZe }/assets/plugins/modernizr/js/modernizr.js"></script>

  </head>
  
  <body>
    <div class="row">
    	<div class="col-md-6">
    		<div class="row">
    			<div class="box box-danger">
    			
    				<div class="box-header with-border">
	                  <h3 class="box-title">作业中车辆...</h3>
	                  <div class="box-tools pull-right">
	                    <!-- <span class="label label-danger"></span>
	                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
	                    </button>
	                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i>
	                    </button> -->
	                  </div>
	                </div>
	                
	                <div class="box-body no-padding">
	                	<ul class="users-list clearfix">
	                		<c:forEach items="${running_car }" var="data" varStatus="status">
	                			<li>
	                				<a>
		               					<div class="timeline-item">
							               <span class="time">${data.carState }</span>
							
							               <h3 class="timeline-header">${data.carCode }</h3>
							
							               <div class="timeline-body">
							                 <dl class="dl-horizontal">
							                 	<dt>司机</dt>
							                 	<dd></dd>
							                 	<dt>装货地址</dt>
							                 	<dd></dd>
							                 	<dt>卸货地址</dt>
							                 	<dd></dd>
							                 	<dt>货物</dt>
							                 	<dd></dd>
							                 </dl>
							               </div>
							                
							             </div>
						             </a>
	                			</li>
	                		</c:forEach>
	                	</ul>
	                </div>
	                
    			</div>
    		</div>
    	</div>
    	<div class="col-md-4">
    		<div class="row">
    			<div class="box box-danger">
    				
    				<div class="box-header with-border">
    					<h3 class="box-title">非作业中车辆...</h3>
    					<div class="box-tools pull-right"></div>
    				</div>
    				
    				<div class="box-body no-padding">
	    				<ul class="users-list clearfix">
	    					<c:forEach items="${nut_run_car }" var="car" varStatus="status">
	    						<li>
                					<img src="${ctxStatic }/images/car_img.jpg" alt="Car Image" >
			                      	<a class="users-list-name" href="#">${car.carCode }</a>
			                      	<span class="users-list-date">运输中</span>
			                      	<c:if test="${car.carState }"></c:if>
	                			</li>
	    					</c:forEach>
	    				</ul>
    				</div>
    			</div>
    		</div>
    	</div>
    </div>
  </body>
  <!-- Vendor JS-->				
		<script src="${weiZe }/assets/vendor/js/jquery.min.js"></script>
		<script src="${weiZe }/assets/vendor/js/jquery-2.1.1.min.js"></script>
		<script src="${weiZe }/assets/vendor/js/jquery-migrate-1.2.1.min.js"></script>
		<script src="${weiZe }/assets/vendor/bootstrap/js/bootstrap.min.js"></script>
		<script src="${weiZe }/assets/vendor/skycons/js/skycons.js"></script>	
		<script src="${weiZe }/assets/vendor/js/pace.min.js"></script>
		
		<!-- Plugins JS-->
		<script src="${weiZe }/assets/plugins/autosize/jquery.autosize.min.js"></script>
		<script src="${weiZe }/assets/plugins/jquery-validation/js/jquery.validate.js"></script>
		<script src="${weiZe }/assets/plugins/wizard/js/jquery.bootstrap.wizard.min.js"></script>
		<script src="${weiZe }/assets/plugins/pnotify/js/pnotify.custom.js"></script>	
		<script src="${weiZe }/assets/plugins/sparkline/js/jquery.sparkline.min.js"></script>
		
		<!-- Theme JS -->		
		<script src="${weiZe }/assets/js/jquery.mmenu.min.js"></script>
		<script src="${weiZe }/assets/js/core.min.js"></script>
		
		<!-- Pages JS -->
		<script src="${weiZe }/assets/page/js/newCarlist/newCarlist.js"></script>		
		<script src="${ctxStatic }/My97DatePicker/WdatePicker.js"></script>
</html>
